<template>
  <el-drawer
    :visible.sync="visible"
    direction="rtl"
    size="50%"
    :close-on-press-escape="false"
    :wrapper-closable="false"
    :show-close="false"
  >
    <template v-slot:title>
      <div class="drawer-header">
        <span>流转记录</span>
        <div>
          <el-button icon="el-icon-close" @click="visible = false">
            取消
          </el-button>
        </div>
      </div>
    </template>

    <proc-task-his :param="procInstId" />
  </el-drawer>
</template>

<script>
import ProcTaskHis from '@/views/workbench/components/TaskHis/index.vue'

export default {
  // 当前页面名称（组件）
  name: 'ProcTaskHisDrawer',
  // 引用组件
  components: { ProcTaskHis },
  directives: { },
  filters: {},
  // props属性 这里只定义了基本的，目的是防止用户传递无效的属性（如错误拼写），其他的el-select的属性会默认继承，用法一样，因为使用v-bind="$attrs"，这个会将非props定义的属性继承过来
  props: {
    param: {
      type: String,
      require: true,
      default: undefined
    }
  },
  data() {
    return {
      // 是否显示弹出层
      visible: false,
      procInstId: undefined
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    // this.handleInit()
  },
  methods: {
    handleInit() {
      this.procInstId = this.param
      this.visible = true
    }
  }
}
</script>
